* {
    margin: 0;
    padding: 0;
    -webkit-touch-callout:none; /*系统默认菜单被禁用*/
    -webkit-appearance: none;

}

:not(input):not(textarea){
    -webkit-user-select:none; /*webkit浏览器*/
    -khtml-user-select:none; /*早期浏览器*/
    -moz-user-select:none;/*火狐*/
    -ms-user-select:none; /*IE10*/
    user-select:none;
}

input{
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
}
select,textarea{
    -webkit-tap-highlight-color: transparent;
}


//字体定义
$font-family: "Microsoft YaHei";
// color  定义
$color-gray: #999;
$color-gray-x1: #666;
$color-black: #333;
$color-green: #2cc718;

// border 定义
$border:  1px solid #e1e1e1;


$tab-height: 39px;
$header-height: 47.45px;

$ratio: 50%;

@mixin ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/** basic style **/
html {
    font-size: 16px;
    -webkit-backface-visibility: hidden;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

/* width less than  320px*/
@media screen and (max-width: 320px) {
    html {
        font-size: 11px;
    }
}

/* macth 320px ~ 375*/
@media only screen and (min-width: 321px) and (max-width: 375px){
    html {
        font-size: 12px
    }
}

/* macth  375 ~415 */
@media only screen and (min-width: 376px) and (max-width:414px){

    html {
        font-size: 14px;
    }
}

/* macth greate than 415 ~ */
@media only screen and (min-width: 416px){

    html {
        font-size: 16px;
    }
}

/* macth greate than 540 ~ */
@media screen and (min-width: 540px) {
    html {
        font-size: 17px;
    }
}

body{
    background: #eee;
}

.fp-tableCell {
    position: relative;
}

.hide {
    display: none!important;
}

.container-responsive {
    @include responsive;
}

// white color
.tx-white{
    color: #fff;
}

.tx-white-opacity-4 {
    color: #fff;
    opacity: .4;
}

.tx-white-opacity-7 {
    color: #fff;
    opacity: .7;
}


.tx-white-opacity-8 {
   color: #fff;
    opacity: 0.8;
}

.tx-gray {
    color: $color-gray;
}

.tx-gray-dark {
    color: $color-gray-dark;
}


.tx-green {
    color: #1fb923;    
}

.tx-center {
    text-align: center;
}

.tx-right {
    text-align: right;
}
.tx-indent {
    text-indent: 2em;
}

.tx-s-24 {
    font-size: 24px;
}
a{
    text-decoration: none;
    display: block;
    -webkit-tap-highlight-color:transparent
}
img{
    width: 100%;
    display: block;
}
li{
    list-style:none;
}
.border{
    background-image:linear-gradient(180deg,  #DFDFDF,  #DFDFDF 50%, transparent 50%),
    linear-gradient(270deg,  #DFDFDF,  #DFDFDF 50%, transparent 50%),
    linear-gradient(0deg,  #DFDFDF,  #DFDFDF 50%, transparent 50%),
    linear-gradient(90deg,  #DFDFDF,  #DFDFDF 50%, transparent 50%);
    background-size: 100% 1px,0 100% ,100% 1px, 0 100%;
    background-repeat: no-repeat;
    background-position: top, right top,  bottom, left top;
}
.border-tb{
    background-image:linear-gradient(180deg,  #DFDFDF,  #DFDFDF 50%, transparent 50%),
    linear-gradient(270deg,  #DFDFDF,  #DFDFDF 50%, transparent 50%),
    linear-gradient(0deg,  #DFDFDF,  #DFDFDF 50%, transparent 50%),
    linear-gradient(90deg,  #DFDFDF,  #DFDFDF 50%, transparent 50%);
    background-size: 100% 0,0 100% ,100%  1px, 0 100%;
    background-repeat: no-repeat;
    background-position: top, right top,  bottom, left top;
}


.border-left{
    background-image:linear-gradient(180deg,  #DFDFDF,  #DFDFDF 50%, transparent 50%),
    linear-gradient(270deg,  #DFDFDF,  #DFDFDF 50%, transparent 50%),
    linear-gradient(0deg,  #DFDFDF,  #DFDFDF 50%, transparent 50%),
    linear-gradient(90deg,  #DFDFDF,  #DFDFDF 50%, transparent 50%);
    background-size: 100% 0,0 100% ,100%  0, 1px 100%;
    background-repeat: no-repeat;
    background-position: top, right top,  bottom, left top;
}



.border-top{
    background-image:linear-gradient(180deg,  #DFDFDF,  #DFDFDF 50%, transparent 50%),
    linear-gradient(270deg,  #DFDFDF,  #DFDFDF 50%, transparent 50%),
    linear-gradient(0deg,  #DFDFDF,  #DFDFDF 50%, transparent 50%),
    linear-gradient(90deg,  #DFDFDF,  #DFDFDF 50%, transparent 50%);
    background-size: 100% 1px ,0 100% ,100%  0, 0 100%;
    background-repeat: no-repeat;
    background-position: top, right top,  bottom, left top;
}


.border-four{
    background-image:linear-gradient(180deg,  #DFDFDF,  #DFDFDF 50%, transparent 50%),
    linear-gradient(270deg,  #DFDFDF,  #DFDFDF 50%, transparent 50%),
    linear-gradient(0deg,  #DFDFDF,  #DFDFDF 50%, transparent 50%),
    linear-gradient(90deg,  #DFDFDF,  #DFDFDF 50%, transparent 50%);
    background-size: 100% 1px,1px 100% ,100% 1px, 1px 100%;
    background-repeat: no-repeat;
    background-position: top, right top,  bottom, left top;
}


.boder-img{
    background-image:linear-gradient(180deg,  #f6f6f6,  #f6f6f6 50%, transparent 50%),
    linear-gradient(270deg,  #f6f6f6,  #f6f6f6 50%, transparent 50%),
    linear-gradient(0deg,  #f6f6f6,  #f6f6f6 50%, transparent 50%),
    linear-gradient(90deg,  #f6f6f6,  #f6f6f6 50%, transparent 50%);
    background-size: 100% 0,0 100% ,100%  1px, 0 100%;
    background-repeat: no-repeat;
    background-position: top, right top,  bottom, left top;
}

.bg-green{
    background: #0EBC44;
}
.bg-gray{
    background: #9D9D9D;
}
.text-gray{
    color:#999
}
.text-red{
    color:#FF2929
}

